<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head th:fragment= "common_header(title)">
    <meta charset="utf-8"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <title>[[${title}]]</title>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/index/css/slick.css}" rel="stylesheet" />
    <link th:href="@{/index/css/index.css}" rel="stylesheet" />
    <link th:href="@{/index/css/reset.css}" rel="stylesheet" />
    <link th:href="@{/home/index/css/main.css}" rel="stylesheet" />
    <script th:src="@{/index/js/jquery-1.11.1.min.js}"></script>
    <script th:src="@{/index/js/jquery-ui.min.js}"></script>
    <script th:src="@{/index/js/slick.js}"></script>
    <script th:src="@{/index/js/g.js}"></script>
</head>

<body>

<!--公共顶部栏-->
<div th:fragment="index-header(index)">

    <div class="top-bar bg-main">
        <div class="container">
            <div class="content-topbar">
                <div class="left-top-bar">
                    <a href="/home/index/logout" th:if="${session.account ne null}">注销</a >
                    <a href="/home/index/login" th:if="${session.account eq null}">登录注册</a >
                </div>
                <div class="right-top-bar">
                    <span>
                        <i class="icon_phone" aria-hidden="true"></i>
                        <span>400-000-0000</span>
                    </span>
                    <span>
                        <i class="icon_pin" aria-hidden="true"></i>
                        <span>上海</span>
                    </span>
                    <span>
                        <i class="icon_clock" aria-hidden="true"></i>
                        <span>全天24小时恭候</span>
                    </span>
                    <span>
                        <span> 欢迎
                            <font style="color: green;font-weight: bold;" th:if="${session.account ne null}" th:text="${session.account.name}"></font>
                            来到小刘酒店【官网】!
                        </span>
                    </span>
                </div>
            </div>
        </div>
    </div>


    <div class="g_header clearfix">

        <div class="main">
            <div class=" g_cw_a">
                <a th:href="@{/home/index/index}" class="logo">
                    <img th:src="@{/index/images/logo.png}">
                </a>
                <ul class="nav">
                    <li>
                        <a th:href="@{/home/index/index}" data-value="0">
                            <b>网站首页</b>
                        </a>
                    </li>
                    <li>
                        <a th:href="@{/home/index/about}" data-value="1">
                            <b>关于我们</b>
                        </a>
                    </li>
                    <li>
                        <a th:href="@{/home/index/room}" data-value="2">
                            <b>酒店房间</b>
                        </a>
                    </li>
                    <li>
                        <a th:href="@{/home/index/restaurant}" data-value="3">
                            <b>酒店餐饮</b>
                        </a>
                    </li>
                    <li>
                        <a th:href="@{/home/index/news}" data-value="4">
                            <b>公司新闻</b>
                        </a>
                    </li>
                    <li>

                        <a th:href="@{/home/index/contact}" data-value="5">
                            <b>联系我们</b>
                        </a>
                    </li>

                    <li>
                        <a th:href="@{/home/index/personal_center}" data-value="6">
                            <b>个人中心</b>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <script>
        /*标题栏初始化*/
        $(function()
        {
            var index = [[${index}]];
            $(".on").removeClass("on");
            $("a[data-value='"+index+"']").addClass("on");
        });
    </script>
</div>

<!--公共底部栏-->
<div th:fragment="index-foot"   >
    <div class="footer">
        <div class="bq g_mt clearfix">
            <div class="g_cw tb">
                <div class="bq_a">
                    <div class="bt">
                        <h3>网站导航</h3>
                        <div class="xh">
                            <p class="xh_a"></p>
                            <p class="xh_b"></p>
                        </div>
                    </div>
                    <ul class="list right">
                        <li><a th:href="@{/home/index/index}">网站首页</a></li>
                        <li><a th:href="@{/home/index/about}">关于我们</a></li>
                        <li><a th:href="@{/home/index/room}">酒店房间</a></li>
                        <li><a th:href="@{/home/index/restaurant}">酒店餐饮</a></li>
                        <li><a th:href="@{/home/index/news}">公司新闻</a></li>
                        <li><a th:href="@{/home/index/contact}">联系我们</a></li>
                        <li><a th:href="@{/login}">前往后台</a></li>
                    </ul>
                </div>
                <div class="bq_a">
                    <div class="bt">
                        <h3>联系我们</h3>
                        <div class="xh">
                            <p class="xh_a"></p>
                            <p class="xh_b"></p>
                        </div>
                    </div>
                    <ul class="list width">
                        <li>
                            <p><img class="" th:src="@{/index/images/co_a.svg}">咨询热线：400-000-0000/0500-86666666</p>
                        </li>
                        <li>
                            <p><img class="bq_tb" th:src="@{/index/images/co_d.svg}">联系地址：上海市浦东新区康桥</p>
                        </li>
                        <li>
                            <p><img class="" th:src="@{/index/images/co_c.svg}">联系邮箱：123456789@qq.com</p>
                        </li>
                    </ul>
                </div>
                <div class="bq_a ne">
                    <div class="bt">
                        <h3>关注我们</h3>
                        <div class="xh">
                            <p class="xh_a"></p>
                            <p class="xh_b"></p>
                        </div>
                    </div>
                    <div class="sm">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <img th:src="@{/index/images/qr_code.jpg}">
                        <p>扫一扫关注微信公众号</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

</body>

</html>